 <!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>楼层边角料实况</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link th:href="@{favicon.ico}" rel="shortcut icon"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/skins.css}" rel="stylesheet"/>
    <link th:href="@{/ruoyi/css/ry-ui.css?v=4.7.2}" rel="stylesheet"/>
<!--    <link th:href="@{/css/index.css}" rel="stylesheet"/>-->
</head>
<style>
    #main{
        margin-top: 20px;
    }
    .tab-top{
        margin-top: 15px;
    }
</style>
<body>
<div id="app">
<!-- 面板 -- 类似 element-ui De -->
    <div class="container-div">
        <div class="row">
            <!-- echart 图表-->
            <div class="col-sm-12 search-collapse">
                <div id="main" style="width: 100%;height:400px;"></div>
            </div>
            <!-- 表格区域 -->
            <div class="col-sm-12 select-table table-striped">
                <div class="btn-group-sm" id="toolbar" role="group">
                    <a class="btn btn-primary" @click="editTab">
                        <i class="fa fa-edit"></i> 修改
                    </a>
                    <a class="btn btn-info" @click="importExcel">
                        <i class="fa fa-upload"></i> 导入
                    </a>
                </div>
                <table id="bootstrap-table" width="100%" class="table table-bordered table-hover" style="margin-top: 15px;">
                    <thead>
                    <tr>
                        <th>序號</th>
                        <th>收購材質</th>
                        <th>收購總量(噸)</th>
                        <th>已出總量(噸)</th>
                        <th>收購總量(噸)</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>不鏽鋼</td>
                        <td>10</td>
                        <td>8</td>
                        <td>2</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>鋁合金</td>
                        <td>15</td>
                        <td>5</td>
                        <td>10</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>銅</td>
                        <td>12</td>
                        <td>6</td>
                        <td>6</td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>


<!-- table 表格区域 -->
</div>
</body>
<!-- 引入 JS -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/plugins/echart/echarts-5.2.2.min.js}" type="text/javascript"></script>
<!--<script th:src="@{/js/plugins/element-ui/index.js}" type="text/javascript"></script>-->
<script th:src="@{/js/plugins/vue/vue.min.js}" type="text/javascript"></script>
<script th:src="@{/js/plugins/vue/resource.js}" type="text/javascript"></script>
<script th:src="@{/js/plugins/vue/axios.min.js}" type="text/javascript"></script>
<script th:src="@{/js/leftover/chart/floor.js}" type="text/javascript"></script>
</html>